
import React from 'react';

const TimesCircleIcon = ()=>{
    return <svg  focusable="false"  width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fillRule="evenodd" clipRule="evenodd" d="M15 3C8.37097 3 3 8.37097 3 15C3 21.629 8.37097 27 15 27C21.629 27 27 21.629 27 15C27 8.37097 21.629 3 15 3ZM15 25.4516C9.25645 25.4516 4.54839 20.8016 4.54839 15C4.54839 9.25645 9.19839 4.54839 15 4.54839C20.7435 4.54839 25.4516 9.19839 25.4516 15C25.4516 20.7435 20.8016 25.4516 15 25.4516ZM19.5871 11.6468L16.2339 15L19.5871 18.3532C19.8145 18.5806 19.8145 18.9484 19.5871 19.1758L19.1758 19.5871C18.9484 19.8145 18.5806 19.8145 18.3532 19.5871L15 16.2339L11.6468 19.5871C11.4194 19.8145 11.0516 19.8145 10.8242 19.5871L10.4129 19.1758C10.1855 18.9484 10.1855 18.5806 10.4129 18.3532L13.7661 15L10.4129 11.6468C10.1855 11.4194 10.1855 11.0516 10.4129 10.8242L10.8242 10.4129C11.0516 10.1855 11.4194 10.1855 11.6468 10.4129L15 13.7661L18.3532 10.4129C18.5806 10.1855 18.9484 10.1855 19.1758 10.4129L19.5871 10.8242C19.8097 11.0516 19.8097 11.4194 19.5871 11.6468Z" fill="#036BA3"/>
    <mask id="times-circle" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="24" height="24">
    <path fillRule="evenodd" clipRule="evenodd" d="M15 3C8.37097 3 3 8.37097 3 15C3 21.629 8.37097 27 15 27C21.629 27 27 21.629 27 15C27 8.37097 21.629 3 15 3ZM15 25.4516C9.25645 25.4516 4.54839 20.8016 4.54839 15C4.54839 9.25645 9.19839 4.54839 15 4.54839C20.7435 4.54839 25.4516 9.19839 25.4516 15C25.4516 20.7435 20.8016 25.4516 15 25.4516ZM19.5871 11.6468L16.2339 15L19.5871 18.3532C19.8145 18.5806 19.8145 18.9484 19.5871 19.1758L19.1758 19.5871C18.9484 19.8145 18.5806 19.8145 18.3532 19.5871L15 16.2339L11.6468 19.5871C11.4194 19.8145 11.0516 19.8145 10.8242 19.5871L10.4129 19.1758C10.1855 18.9484 10.1855 18.5806 10.4129 18.3532L13.7661 15L10.4129 11.6468C10.1855 11.4194 10.1855 11.0516 10.4129 10.8242L10.8242 10.4129C11.0516 10.1855 11.4194 10.1855 11.6468 10.4129L15 13.7661L18.3532 10.4129C18.5806 10.1855 18.9484 10.1855 19.1758 10.4129L19.5871 10.8242C19.8097 11.0516 19.8097 11.4194 19.5871 11.6468Z" fill="white"/>
    </mask>
    <g mask="url(#times-circle)">
    </g>
    </svg>
    
}

export default TimesCircleIcon;